<script type="text/javascript">
		$(function(){
			$('#dg').edatagrid({
				url: 'catalog/json',
				updateUrl: '/catalog/update',
			});
		});
		
		function thanhtoan(){
			var row = $('#dg').datagrid('getSelected');
			if(row){
			 $.messager.confirm('cửa sổ thanh toán','Bạn đã thanh toán cho '+row.name,function(r){
			$.ajax({
            type: "POST",
            url: "/catalog/thanhtoan",
            dataType: "JSON",
            data: {data: row},
            success: function(){
               },
            });
			$('#dg').edatagrid('reload'); 
			});
			}
			else{
				$.messager.show({
					title:'Thông báo',
					msg:'Không có bản ghi nào được chọn!',
					timeout:5000,
					showType:'slide'
				});
				}
		}
		function printCT()
		{
			var row = $('#dg').datagrid('getSelected');
			if (row){
				window.location.href = "/baocao/expxlsnstyt/id/"+ row.id;
			}else{
				$.messager.show({
					title:'Thông báo',
					msg:'Không có bản ghi nào được chọn!',
					timeout:5000,
					showType:'slide'
				});
			}
		}
		function printDS()
		{
			window.location.href = "/baocao/expxlsnstyt";
		}
		
		$(document).ready(function() {
        $('.danhsach').click(function() {	
		$(".danhsachluong").show();
        $(".tinhluong").hide();
		$('#dg-ds').edatagrid({
				url: 'catalog/jsonds',
				updateUrl: '/catalog/updateds',
				destroyUrl: '/catalog/del',
			});	
       });
	   });
	</script>
<div class ="tinhluong" >
	<table id="dg" title="Bảng tính lương nhân viên" style="width:700px;height:250px"
			toolbar="#toolbar" pagination="true" idField="id"
			rownumbers="true" fitColumns="true" singleSelect="true" class="easyui-treegrid">
		<thead>
			<tr>
				<th field="name" width="20" editor="{type:'validatebox',options:{required:true}}">Họ tên</th>
				<th field="ngaynghi" width="20" editor="{type:'validatebox',options:{required:true}}">Số ngày nghỉ</th>
                <th field="luongngay" width="20" editor="{type:'validatebox',options:{required:true}}">Lương/ngày</th>
                <th field="trocap" width="20" editor="{type:'validatebox',options:{required:true}}">Trợ cấp</th>
				<th field="tamung" width="20" editor="{type:'validatebox',options:{required:true}}">Tạm ứng</th>
                <th field="luong" width="20" editor="{type:'validatebox',options:{required:true}}">Lương/tháng</th>
                <th field="thuclinh" width="20" editor="{type:'validatebox',options:{required:true}}">Thực lĩnh</th>
				<th field="ghichu" width="50" editor="text">Ghi chú</th>
                <!--<th field="xem" align="center" formatter="formatlink">Thanh toan</th>-->
			</tr>
		</thead>
	</table>
	<div id="toolbar">
		<!--<a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="javascript:$('#dg').edatagrid('addRow')">New</a>-->
		<a href="#" class="easyui-linkbutton" iconCls="icon-save" plain="true" onclick="javascript:$('#dg').edatagrid('saveRow');$('#dg').edatagrid('reload');">Save</a>
		<a href="#" class="easyui-linkbutton" iconCls="icon-undo" plain="true" onclick="javascript:$('#dg').edatagrid('cancelRow')">Cancel</a>
        <a href="#" class="easyui-linkbutton" iconCls="icon-help" plain="true" onclick="thanhtoan()">Thanh toán</a>
        <div style="float: right;">
		<a href="/Table?table=user" class="easyui-linkbutton catalog" iconCls="icon-redo" plain="true" >Danh sách user</a>
        <a href="/Table?table=role" class="easyui-linkbutton catalog" iconCls="icon-redo" plain="true"  >Chức vụ</a>       
        <a href="/Catalog" class="easyui-linkbutton catalog" iconCls="icon-redo" plain="true" >Bảng tính lương</a>
        <a href="#" class="easyui-linkbutton danhsach" iconCls="icon-redo" plain="true" >Danh sách lương</a> 	
		<a href="#" class="easyui-linkbutton" iconCls="icon-print" plain="true" onclick="printCT()">In chi tiết</a>
		<a href="#" class="easyui-linkbutton" iconCls="icon-print" plain="true" onclick="printDS()">In danh sách</a>
        </div>
	</div>
</div>	
<div class ="danhsachluong" style = "display:none" >
	<table id="dg-ds" title="Danh sachs" style="width:700px;height:250px"
			toolbar="#toolbar-ds" pagination="true" idField="id"
			rownumbers="true" fitColumns="true" singleSelect="true" class="easyui-treegrid">
		<thead>
			<tr>
	            <th field="id" width="10" >Mã</th>		
				<th field="name" width="20" editor="{type:'validatebox',options:{required:true}}">Họ tên</th>
				<th field="ngaynghi" width="20" editor="{type:'validatebox',options:{required:true}}">Số ngày nghỉ</th>
                <th field="luongngay" width="20" editor="{type:'validatebox',options:{required:true}}">Lương/ngày</th>
                <th field="trocap" width="20" editor="{type:'validatebox',options:{required:true}}">Trợ cấp</th>
				<th field="tamung" width="20" editor="{type:'validatebox',options:{required:true}}">Tạm ứng</th>
                <th field="luong" width="20" editor="{type:'validatebox',options:{required:true}}">Lương/tháng</th>
                <th field="thuclinhs" width="20" editor="{type:'validatebox',options:{required:true}}">Thực lĩnh</th>
				<th field="created" width="20" >Ngày tháng lĩnh</th>
				<th field="nameuser" width="20" >Người làm lương</th>
				<th field="ghichu" width="40" editor="text">Ghi chú</th>
			</tr>
		</thead>
	</table>
	<div id="toolbar-ds">
		<a href="#" class="easyui-linkbutton" iconCls="icon-save" plain="true" onclick="javascript:$('#dg-ds').edatagrid('saveRow');$('#dg-ds').edatagrid('reload');">Save</a>
		<a href="#" class="easyui-linkbutton" iconCls="icon-remove" plain="true" onclick="javascript:$('#dg-ds').edatagrid('destroyRow');">Xóa</a>
		<a href="#" class="easyui-linkbutton" iconCls="icon-undo" plain="true" onclick="javascript:$('#dg-ds').edatagrid('cancelRow')">Cancel</a>
        <div style="float: right;">
		<a href="/Table?table=user" class="easyui-linkbutton catalog" iconCls="icon-redo" plain="true" >Danh sách user</a>
        <a href="/Table?table=role" class="easyui-linkbutton catalog" iconCls="icon-redo" plain="true"  >Chức vụ</a>       
        <a href="/Catalog" class="easyui-linkbutton catalog" iconCls="icon-redo" plain="true" >Bảng tính lương</a>
        <a href="#" class="easyui-linkbutton danhsach" iconCls="icon-redo" plain="true" >Danh sách lương</a> 	
        </div>
	</div>
</div>	
	